<template>
	<view class="page">
		<v-header title="业务审批" @click-left="$back()"></v-header>
		<view class="layout" :style="{ marginTop: h + 'px' }">
			<view class="approvalDetail">
				<view class="title">企业入孵申请</view>
				<view class="loginBox">
					<view class="f cell">
						<label class="label">申请编号：</label>
						<view class="fl">CMBHTH012102050003</view>
					</view>
					<view class="f cell vfs">
						<label class="label">孵化器名称：</label>
						<view class="fl">北京北航天汇科技孵化器有限公司</view>
					</view>
					<view class="f cell">
						<label class="label">入驻园区：</label>
						<view class="fl">北京园区</view>
					</view>
					<view class="f cell">
						<label class="label">企业名称：</label>
						<view class="fl">北京文化科技有限公司</view>
					</view>
					<view class="f cell">
						<label class="label">受理时间：</label>
						<view class="fl">2020-05-21 16:58:09</view>
					</view>
					<view class="f cell vfs">
						<label class="label">服务需求：</label>
						<view class="fl">
							<view>所需虚拟地址：1 (个)</view>
							<view>所需工位数： 3 (个)</view>
							<view>所需房间面积：100 (平米)</view>
						</view>
					</view>
					<view class="cu-btn block  login" @click="saveInfo">查看合同PDF文本</view>
					<view class="title">审批意见</view>
					<view class="texta"><textarea value="" placeholder="请输入审批意见" class="agree" /></view>
					<view class="viewBtn  f fa">
						<view class="commonBtn btn1 f fc">同 意</view>
						<view class="commonBtn btn2 f fc">拒 绝</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			h: this.$h
		};
	}
};
</script>

<style lang="scss" scoped>
.approvalDetail {
	padding: 40rpx 0;
}
.title {
	padding-left: 15rpx;
	box-sizing: border-box;
	border-left: 10rpx solid $color3;
	margin: 0 54rpx 30rpx 54rpx;
	font-size: 36rpx;
}
.texta,
.viewBtn {
	margin: 0 54rpx 30rpx 54rpx;
}
.agree {
	width: 100%;
	padding-left: 15rpx;
	box-sizing: border-box;
	height: 120rpx;
	border: 1px solid #ccc;
	border-radius: 10rpx;
	font-size: 32rpx;
}
.btn1 {
	background: #51b067;
}
.btn2 {
	background: #f86b6b;
}
.commonBtn {
	width: 45%;
	height: 80rpx;

	border-radius: 31rpx;
	font-size: 32rpx;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #ffffff;
}
.loginBox {
	padding: 30rpx 0;

	.borderbot {
		border-bottom: 20rpx solid #f0f0f0;
		margin-bottom: 30rpx;
	}
	.cell {
		min-height: 60rpx;
		margin: 0 54rpx 30rpx 54rpx;
		font-size: 32rpx;
		view {
			word-break: break-all;
			font-size: 32rpx;
			color: #888;
		}
		.label {
			width: 194rpx;
			margin-right: 10rpx;
		}
	}

	.login {
		font-size: 32rpx;
		margin: 60rpx 54rpx 50rpx 54rpx;
		height: 80rpx;
		color: #fff;
		background: $color;
		border-radius: 10rpx;
	}
}
</style>
